<template>
  <div>
    <div>
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>工单详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="客户信息" name="first" >
          <CustomerInfo></CustomerInfo>
        </el-tab-pane>
        <el-tab-pane label="客户进线信息" name="second" >
          <ComeinInfo></ComeinInfo>
        </el-tab-pane>
        <el-tab-pane label="工单信息" name="third" >
          <OrderInfo></OrderInfo>
        </el-tab-pane>
        <el-tab-pane label="工单处理" name="fourth" >
          <OrderDeal></OrderDeal>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>

</template>

<script>
  import CustomerInfo from '@/views/orderTobe/CustomerInfo';
  import ComeinInfo from '@/views/orderTobe/ComeinInfo';
  import OrderInfo from '@/views/orderTobe/OrderInfo';
  import OrderDeal from '@/views/orderTobe/OrderDeal';
  export default {
    name: "OrderDetail",
    data() {
      return {
        id:null,
        activeName: 'first',
        test:"dddddd"
      }
    },
    components:{
      CustomerInfo,
      ComeinInfo,
      OrderInfo,
      OrderDeal
    },
    created() {
       this.id= this.$route.query.id;
      // console.log("OrderDetail=========")
      // console.log(this.id+"id...OrderDetail")


    },
    mounted(){
      // console.log(this.id + "打印ID")
      axis.post("")

    },
    methods: {
      handleClick(tab, event) {
      },
    }



  }


</script>

<style scoped>

</style>
